// *******************************************************************************************************
// # リスト検索画面
//   ・折りたたみ
//   ・フッター検索ボタン
//   ・選択ボタン
//   ・モーダル
// *******************************************************************************************************

(function(win, doc) {

	/* 折りたたみ
	----------------------------------- */
	function expandMenu() {
		var $explist = $('.list_expand');
		var $expTitle = $('.ttl_expand .ttl_inner');
		//初期状態：非表示
		$explist.show();
		//ボタン
		$expTitle.on('click',function(){
			$(this).toggleClass('close');
			$(this).parent().next().toggle();
		});
	}

	/* フッター検索ボタン
	----------------------------------- */
	function checkSelectBtn() {
		var $searchBtn = $('#fixedSearchBtn'),
			$modalBtn = $('.mod_btn_append a'),
			$modalBtnParent = $('.mod_btn_append'),
			$copyright = $('#siteCopyright'),
			$searchInput = $('.box_expand_search_list input'),
			isCheck = false;

		$searchInput.each(function(i){
			if ($(this).prop('checked')) {
				isCheck = true;
				return false;
			};
		});
		if (isCheck) {
			$searchBtn.show();
			$copyright.css('margin-bottom', 70);
			$modalBtn.addClass('mod_btn_all_pink');
			$modalBtnParent.removeClass('mod_btn_append_off');
		} else {
			$searchBtn.hide();
			$copyright.css('margin-bottom', 0);
			$modalBtn.removeClass('mod_btn_all_pink');
			$modalBtnParent.addClass('mod_btn_append_off');
		};
	}

	/* 選択ボタン
	----------------------------------- */
	function setSelectBtn() {
		var $searchBox = $('.box_expand_search_list .box_expand_inner');

		$searchBox.each(function(i){
			var $title = $(this).find('.ttl_expand input'),
				$list  = $(this).find('.list_expand input');
			$title.on('click', function(e){
				if ($(this).prop('checked')) {
					$list.prop('checked', true);
				} else {
					$list.prop('checked', false);
				};
				checkSelectBtn();
			});
			$list.on('click', function(e){
				$title.prop('checked', false);
				checkSelectBtn();
			});
		});
	}

	/* モーダル
	----------------------------------- */
	function modalLink() {
		$('.modal_link').on('click', function(e){
			var _id = $(this).attr('href'),
				_st = $(window).scrollTop(),
				_wh = $(window).height(),
				_ch = $(_id).height(),
				_mt = $('#contentMain').offset().top;
			if (_wh > _ch) {
				$(_id).css({ 'top': _st + (_wh-_ch)*0.5-_mt });
			} else {
				$(_id).css({ 'top': _st + 20 });
			};
		});
	}

	/*
	 * 店舗の詳細での「すべての取り扱い物件から探す」ボタンを押した時
	 */

	function submit(action, method, values) {
 	   var form = $('<form/>', {
	        action: action,
	        method: method
	    });
	    $.each(values, function() {
	        form.append($('<input/>', {
	            type: 'hidden',
	            name: this.name,
	            value: this.value
	        }));    
	    });
	    form.appendTo('body').submit();
	}

	$(".mod_btn_all_pink").click(function() {
		var items=[];
		items.push({name:'SrhType',value:1});
		$('.list_expand input').each(function(index){
			if ($(this).prop('checked')) {
				items.push({name:'CityCd[]',
				    value:$(this).attr("id")});
			}
		});
		submit('/sp/shop/rstshoplist','GET',items);
	});

	$(".mod_btn_blue").click(function() {				
			var items = [];
			items.push({name:'search_type',value:'shop'});
			items.push({name:'target_0',value:$(this).attr("id")}); 			
			items.push({name:'page',value:'config'});
		
		submit('/sp/rstobi/rstobi','POST',items);
	});
	
	
	
	/* 実行
	----------------------------------- */
	$(function() {
		expandMenu();
		setSelectBtn();
		checkSelectBtn();
		modalLink();
	});

})(this, document);

